<template>
  <div>
    <p class="rank">第{{rank}}名</p>
    <p class="name">{{name}}</p>
    <p class="artist">{{artist}}</p>
    <van-rate v-model="rate" readonly />
  </div>
</template>

<script>
export default {
  props: ['name', 'artist', 'rank', 'rate'],
  data() {
    return {
      
    }
  }
}
</script>

<style>
  .hello {
    color: red;
  }
</style>